<template>
  <view class="empty-box">
    <view class="cover">
      <view class="df-cc">
        <view :style="{ width, height }">
          <k-image
            :fade="false"
            mode="aspectFill"
            :src="$TOOL.url(img)"
            :width="width"
            :height="height"
          ></k-image>
        </view>
      </view>
      <view class="text" :style="textStyles">{{ text }}</view>
    </view>
  </view>
</template>
<script setup>
const props = defineProps({
  img: {
    type: String,
    default: "/empty/default.png",
  },
  width: {
    type: String,
    default: '340rpx',
  },
  height: {
    type: String,
    default: '340rpx',
  },
  text: {
    type: String,
    default: "没有数据哦",
  },
  textStyles: {
    type: Object,
    default: () => {
      return {};
    },
  },
});
</script>
<style lang="scss" scoped>
.text {
  width: 100%;
  font-size: 28rpx;
  color: #414141;
  text-align: center;
}
</style>
